import React, { useEffect, useState } from 'react'

export default function Test () {
  const [count, setCount] = useState(0)
  // !useEffect 第二个参数包含了相关的依赖项
  useEffect(() => {
    console.log('执行了副作用函数')
    return () => {
      // !执行时机
      // 当前组件卸载的时候会执行
      // count 状态变化的时候会执行
      console.log('执行了清理副作用的函数')
    }
  }, [count])
  return (
    <div>
      <h2>count</h2>
      <button onClick={() => setCount(count + 1)}>+1</button>
    </div>
  )
}